<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="box">box</div>
    <script>
        // var name="珠峰培训";
        // function fn(){
        //    console.log(this.name)
        // }
        // var obj={
        //     name:"你好世界",
        //     fn:fn
        // }
        // obj.fn();//this--》obj   "你好世界"  
        // fn();//this--->window  "珠峰培训"

        // (function(){//this-->window
        //    this.fn();// window.fn()   this--->window  "珠峰培训"
        // })();


        // let obj={
        //     name:"li",
        //     fn:(function(n){
        //         // 这里的this---window
        //         console.log(this);
        //         return function(){
        //             // 这里的this---obj
        //             console.log(this);
        //         }
        //     })(10),
        // }
        // obj.fn();//this-->obj


        // function fn(){
        //     // 这里的this---window
        //     console.log(this);
        // }
        // box.onclick=function(){
        //     console.dir(this);//box
        //     fn();
        // }

        // var num=10;
        // var obj={num:20};
        // obj.fn=(function(num){
        //     this.num=num*3;
        //     num++;
        //     return function(n){
        //         this.num+=n;
        //         num++;
        //         console.log(num);
        //     }
        // })(obj.num);
        // var fn=obj.fn;
        // fn(5);
        // obj.fn(10);
        // console.log(num,obj.num)
    </script>
</body>
</html>